#el_69351539845040 { padding-top: 250px; padding-bottom: 500px; background-image: url(../upload/201810190552211-6186.jpg); background-size: 100% 100%; text-align: center; color: #FFFFFF; } @media screen and (max-width: 767px){ #el_69351539845040 { padding-top: 50px; } } #el_21521539845040{width:100%;} #el_50281539845040 { } #el_56081539845040{width:100%;} #el_80951539845040 { font-size: 18px; line-height: 1.6; } #el_80951539845040 h4 { font: inherit; } #el_87381539845040 { font-size: 60px; font-weight: bold; margin-top: 20px; } #el_87381539845040 h3 { font: inherit; } @media screen and (max-width: 991px){ #el_87381539845040 { font-size: 48px; } } @media screen and (max-width: 767px){ #el_87381539845040 { font-size: 30px; } } #el_54241539845040 { font-size: 35px; letter-spacing: 14px; } #el_54241539845040 h4 { font: inherit; } @media screen and (max-width: 991px){ #el_54241539845040 { font-size: 28px; } } @media screen and (max-width: 767px){ #el_54241539845040 { font-size: 16px; letter-spacing: 2px; margin-top: 8px; } } #el_32591539845040 .video-btn { margin: 0 auto; position: relative; display: block; background-color: #fff; width: 100px; height: 100px; background-image: linear-gradient(315deg, #72bb38, #0061ae); border: 5px solid #fff; border-radius: 50%; box-shadow: 0px 5px 5px rgba(0,0,0,0.2); } #el_32591539845040 .video-btn:after { content: ''; position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin-left: 10px; border: 15px solid transparent; border-left-color: #fff; transform: translate(-50%, -50%); } #el_32591539845040 { position: relative; text-align: center; font-size: 10px; margin-top: 60px; } #el_32591539845040 .video-btn:active { box-shadow: inset 0px 5px 5px rgba(0,0,0,0.2); position: relative; top: 2px; } #el_32591539845040 .video-box { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 599; background-color: rgba(0,0,0,0.4); } #el_32591539845040 .video-box>div { position: absolute; top: 50%; left: 50%; width: 60%; transform: translate(-50%, -50%); } #el_32591539845040:after,#el_32591539845040:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 18px; color: #fff; } #el_32591539845040:before { content: '为什么选择微加建站？'; margin-left: -150px; } #el_32591539845040:after { content: '了解微加系统优势？'; margin-left: 150px; } @media screen and (max-width: 575px){ #el_32591539845040:before { margin-left: 0px; margin-top: 80px; font-size: 16px; } #el_32591539845040:after { margin-left: 0px; margin-top: 105px; font-size: 16px; } #el_32591539845040 { margin-top: 30px; } } #el_57151539845040 { margin-top: 80px; } @media screen and (max-width: 767px){ #el_57151539845040 { margin-top: 25px; } } @media screen and (max-width: 575px){ #el_57151539845040 { margin-top: 100px; } } #el_49201539845040{width:100%;} #el_68371539845040 { font-size: 40px; } #el_68371539845040 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_68371539845040 { font-size: 24px; } } #el_20751539845040 p { margin: 0; } #el_20751539845040 { font-size: 16px; margin-top: 10px; } @media screen and (max-width: 767px){ #el_20751539845040 { font-size: 14px; } } #el_26361539845040 { margin-top: 40px; margin-left: -15px; margin-right: -15px; display: none; } #el_49811539845040{width:33.333333333333336%;} #el_44461539845040 { margin-left: 15px; margin-right: 15px; padding-top: 36px; padding-right: 36px; padding-bottom: 36px; padding-left: 36px; background-color: #EE4455; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #el_58771539845040{width:100%;} #el_70001539845040 img { max-width: 100%; } #el_70001539845040 { transition-property: all; transition-duration: 1s; } #el_87771539845040 { font-size: 24px; font-weight: bold; margin-top: 25px; } #el_87771539845040 h4 { font: inherit; } #el_60011539845040 p { margin: 0; } #el_60011539845040 { margin-top: 8px; } #el_60131539845040{width:33.333333333333336%;} #el_75421539845040 { margin-left: 15px; margin-right: 15px; padding-top: 36px; padding-right: 36px; padding-bottom: 36px; padding-left: 36px; background-color: #33ccaa; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #el_38031539845040{width:100%;} #el_10001539845040 img { max-width: 100%; } #el_10001539845040 { transition-property: all; transition-duration: 1s; } #el_88621539845040 { font-size: 24px; font-weight: bold; margin-top: 25px; } #el_88621539845040 h4 { font: inherit; } #el_22281539845040 p { margin: 0; } #el_22281539845040 { margin-top: 8px; } #el_71541539845040{width:33.333333333333336%;} #el_72031539845040 { margin-left: 15px; margin-right: 15px; padding-top: 36px; padding-right: 36px; padding-bottom: 36px; padding-left: 36px; background-color: #f5ab4d; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #el_47651539845040{width:100%;} #el_28271539845040 img { max-width: 100%; } #el_28271539845040 { transition-property: all; transition-duration: 1s; } #el_82581539845040 { font-size: 24px; font-weight: bold; margin-top: 25px; } #el_82581539845040 h4 { font: inherit; } #el_52481539845040 p { margin: 0; } #el_52481539845040 { margin-top: 8px; } #el_29231539845040 { margin-top: 40px; margin-left: -15px; margin-right: -15px; display: none; } #el_57981539845040{width:33.333333333333336%;} #el_31471539845040 { margin-left: 15px; margin-right: 15px; padding-top: 36px; padding-right: 36px; padding-bottom: 36px; padding-left: 36px; background-color: #21c770; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #el_70581539845040{width:100%;} #el_25391539845040 img { max-width: 100%; } #el_25391539845040 { transition-property: all; transition-duration: 1s; } #el_33381539845040 { font-size: 24px; font-weight: bold; margin-top: 25px; } #el_33381539845040 h4 { font: inherit; } #el_66751539845040 p { margin: 0; } #el_66751539845040 { margin-top: 8px; } #el_83541539845040{width:33.333333333333336%;} #el_59081539845040 { margin-left: 15px; margin-right: 15px; padding-top: 36px; padding-right: 36px; padding-bottom: 36px; padding-left: 36px; background-color: #3399EE; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #el_39371539845040{width:100%;} #el_61131539845040 img { max-width: 100%; } #el_61131539845040 { transition-property: all; transition-duration: 1s; } #el_79971539845040 { font-size: 24px; font-weight: bold; margin-top: 25px; } #el_79971539845040 h4 { font: inherit; } #el_75301539845040 p { margin: 0; } #el_75301539845040 { margin-top: 8px; } #el_56121539845040{width:33.333333333333336%;} #el_88681539845040 { margin-left: 15px; margin-right: 15px; padding-top: 36px; padding-right: 36px; padding-bottom: 36px; padding-left: 36px; background-color: #ee4455; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #el_59971539845040{width:100%;} #el_12131539845040 img { max-width: 100%; } #el_12131539845040 { transition-property: all; transition-duration: 1s; } #el_50461539845040 { font-size: 24px; font-weight: bold; margin-top: 25px; } #el_50461539845040 h4 { font: inherit; } #el_46191539845040 p { margin: 0; } #el_46191539845040 { margin-top: 8px; } #el_20941539845040 { margin-top: 40px; margin-left: -15px; margin-right: -15px; } @media screen and (max-width: 575px){ #el_20941539845040 { margin-right: -5px; margin-left: -5px; } } #el_56271539845040{width:25%;} @media screen and (max-width: 767px){ #el_56271539845040{width:50%;}} #el_12941539845040 { margin-left: 15px; margin-right: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: #EE4455; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media screen and (max-width: 575px){ #el_12941539845040 { margin-right: 5px; margin-left: 5px; } } #el_86291539845040{width:100%;} #el_75471539845040 img { max-width: 100%; } #el_75471539845040 { transition-property: all; transition-duration: 1s; } #el_58411539845040 { font-size: 20px; margin-top: 10px; } #el_58411539845040 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_58411539845040 { font-size: 16px; } } #el_23881539845040 p { margin: 0; } #el_23881539845040 { margin-top: 5px; color: #EEEEEE; } #el_68511539845040{width:25%;} @media screen and (max-width: 767px){ #el_68511539845040{width:50%;}} #el_11161539845040 { margin-left: 15px; margin-right: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: #33CCAA; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media screen and (max-width: 575px){ #el_11161539845040 { margin-right: 5px; margin-left: 5px; } } #el_61371539845040{width:100%;} #el_77671539845040 img { max-width: 100%; } #el_77671539845040 { transition-property: all; transition-duration: 1s; } #el_30161539845040 { font-size: 20px; margin-top: 10px; } #el_30161539845040 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_30161539845040 { font-size: 16px; } } #el_34101539845040 p { margin: 0; } #el_34101539845040 { margin-top: 5px; color: #EEEEEE; } #el_88661539845040{width:25%;} @media screen and (max-width: 767px){ #el_88661539845040{width:50%;}} #el_15251539845040 { margin-left: 15px; margin-right: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: #F5AB4D; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media screen and (max-width: 767px){ #el_15251539845040 { margin-top: 20px; } } @media screen and (max-width: 575px){ #el_15251539845040 { margin-right: 5px; margin-left: 5px; } } #el_52991539845040{width:100%;} #el_30321539845040 img { max-width: 100%; } #el_30321539845040 { transition-property: all; transition-duration: 1s; } #el_37761539845040 { font-size: 20px; margin-top: 10px; } #el_37761539845040 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_37761539845040 { font-size: 16px; } } #el_75211539845040 p { margin: 0; } #el_75211539845040 { margin-top: 5px; color: #EEEEEE; } #el_46141539845040{width:25%;} @media screen and (max-width: 767px){ #el_46141539845040{width:50%;}} #el_77181539845040 { margin-left: 15px; margin-right: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: #21C770; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media screen and (max-width: 767px){ #el_77181539845040 { margin-top: 20px; } } @media screen and (max-width: 575px){ #el_77181539845040 { margin-right: 5px; margin-left: 5px; } } #el_86411539845040{width:100%;} #el_72861539845040 img { max-width: 100%; } #el_72861539845040 { transition-property: all; transition-duration: 1s; } #el_55671539845040 { font-size: 20px; margin-top: 10px; } #el_55671539845040 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_55671539845040 { font-size: 16px; } } #el_66561539845040 p { margin: 0; } #el_66561539845040 { margin-top: 5px; color: #EEEEEE; } #el_74391539845040 { margin-top: 40px; margin-left: -15px; margin-right: -15px; } @media screen and (max-width: 767px){ #el_74391539845040 { margin-top: 20px; } } @media screen and (max-width: 575px){ #el_74391539845040 { margin-right: -5px; margin-left: -5px; } } #el_51641539845040{width:25%;} @media screen and (max-width: 767px){ #el_51641539845040{width:50%;}} #el_70781539845040 { margin-left: 15px; margin-right: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: #3399EE; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media screen and (max-width: 575px){ #el_70781539845040 { margin-right: 5px; margin-left: 5px; } } #el_57721539845040{width:100%;} #el_87181539845040 img { max-width: 100%; } #el_87181539845040 { transition-property: all; transition-duration: 1s; } #el_52281539845040 { font-size: 20px; margin-top: 10px; } #el_52281539845040 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_52281539845040 { font-size: 16px; } } #el_33351539845040 p { margin: 0; } #el_33351539845040 { margin-top: 5px; color: #EEEEEE; } #el_70071539845040{width:25%;} @media screen and (max-width: 767px){ #el_70071539845040{width:50%;}} #el_34431539845040 { margin-left: 15px; margin-right: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: #FCC12E; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media screen and (max-width: 575px){ #el_34431539845040 { margin-right: 5px; margin-left: 5px; } } #el_12341539845040{width:100%;} #el_28561539845040 img { max-width: 100%; } #el_28561539845040 { transition-property: all; transition-duration: 1s; } #el_49621539845040 { font-size: 20px; margin-top: 10px; } #el_49621539845040 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_49621539845040 { font-size: 16px; } } #el_27731539845040 p { margin: 0; } #el_27731539845040 { margin-top: 5px; color: #EEEEEE; } #el_59461539845040{width:25%;} @media screen and (max-width: 767px){ #el_59461539845040{width:50%;}} #el_55701539845040 { margin-left: 15px; margin-right: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: #4C5AC1; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media screen and (max-width: 767px){ #el_55701539845040 { margin-top: 20px; } } @media screen and (max-width: 575px){ #el_55701539845040 { margin-right: 5px; margin-left: 5px; } } #el_50921539845040{width:100%;} #el_39061539845040 img { max-width: 100%; } #el_39061539845040 { transition-property: all; transition-duration: 1s; } #el_19341539845040 { font-size: 20px; margin-top: 10px; } #el_19341539845040 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_19341539845040 { font-size: 16px; } } #el_70481539845040 p { margin: 0; } #el_70481539845040 { margin-top: 5px; color: #EEEEEE; } #el_36431539845040{width:25%;} @media screen and (max-width: 767px){ #el_36431539845040{width:50%;}} #el_37291539845040 { margin-left: 15px; margin-right: 15px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-color: #F93E7C; box-shadow: 0px 15px 25px 5px rgba(0,0,0,0.2); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } @media screen and (max-width: 767px){ #el_37291539845040 { margin-top: 20px; } } @media screen and (max-width: 575px){ #el_37291539845040 { margin-right: 5px; margin-left: 5px; } } #el_81261539845040{width:100%;} #el_74881539845040 img { max-width: 100%; } #el_74881539845040 { transition-property: all; transition-duration: 1s; } #el_10331539845040 { font-size: 20px; margin-top: 10px; } #el_10331539845040 h4 { font: inherit; } @media screen and (max-width: 575px){ #el_10331539845040 { font-size: 16px; } } #el_65181539845040 p { margin: 0; } #el_65181539845040 { margin-top: 5px; color: #EEEEEE; } #el_75531539845040 { margin-top: 80px; } @media screen and (max-width: 767px){ #el_75531539845040 { margin-top: 30px; } } #el_70701539845040{width:100%;} #el_34471539845040 .btnLink { display: inline-block; padding: 16px 34px; border-radius: 30px; color: #666; background-color:#fff; box-shadow: 0 15px 15px 0px rgba(0,0,0,0.1); font-size:18px; transition:all 0.5s ease; } #el_34471539845040 .btnLink:hover { background-image: linear-gradient(to left,#0061ae, #21c870); color:#fff; } #el_34471539845040 { } #el_48411539845069 { text-align: center; background-color: #F0F4F5; } #el_30421539845069{width:100%;} #el_76481539845069 { margin-top: -400px; } @media screen and (max-width: 767px){ #el_76481539845069 { margin-top: -450px; } } #el_12841539845069{width:100%;} #el_68931539845069 { font-size: 40px; color: #FFFFFF; } #el_68931539845069 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_68931539845069 { font-size: 24px; } } #el_47601539845069 p { margin: 0; } #el_47601539845069 { font-size: 16px; margin-top: 8px; color: #ffffff; } @media screen and (max-width: 767px){ #el_47601539845069 { font-size: 14px; } } #el_40241539845069 { background-image: url(../upload/201810091128111-7812.png); background-repeat: no-repeat; background-size: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; background-color: #FFFFFF; padding-top: 60px; padding-bottom: 60px; margin-top: 36px; box-shadow: 0 5px 15px 3px rgba(0,0,0,0.3); position: relative; } @media screen and (max-width: 767px){ #el_40241539845069 { padding-right: 15px; padding-left: 15px; } } #el_16571539845069{width:100%;} #el_14451539845069 { font-size: 40px; color: #000000; } #el_14451539845069 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_14451539845069 { font-size: 24px; } } #el_81861539845069 p { margin: 0; } #el_81861539845069 { color: #777777; font-size: 16px; margin-top: 8px; } @media screen and (max-width: 767px){ #el_81861539845069 { font-size: 14px; } } #el_43231539845069 p { margin: 0; } #el_43231539845069 { color: #21C870; font-size: 16px; margin-top: 5px; } @media screen and (max-width: 767px){ #el_43231539845069 { line-height: 1.6; font-size: 14px; } } #el_80701539845069 img { max-width: 100%; } #el_80701539845069 { transition-property: all; transition-duration: 1s; } #el_12531539845069 .btnLink { display: inline-block; padding: 8px 26px; border-radius: 25px; color: #fff; background-image: linear-gradient(to left, #e24b2d, #edb631); box-shadow: 0 15px 15px 0px rgba(0,0,0,0.1); } #el_12531539845069 { display: none; } #el_51371539845069 img { max-width: 100%; } #el_51371539845069 { transition-property: all; transition-duration: 1s; position: absolute; right: 30px; bottom: 30px; } @media screen and (max-width: 767px){ #el_51371539845069 { width: 100px; } } #el_31061539845069 { margin-top: 60px; display: none; } #el_50841539845069{width:100%;} #el_48551539845069 img { max-width: 100%; } #el_48551539845069 { transition-property: all; transition-duration: 1s; } #el_72631539845069 { margin-top: 60px; } @media screen and (max-width: 767px){ #el_72631539845069 { margin-top: 30px; } } #el_79171539845069{width:100%;} #el_65591539845069 img { max-width: 100%; } #el_65591539845069 { transition-property: all; transition-duration: 1s; } #el_39731539845069 { font-size: 40px; color: #000000; } #el_39731539845069 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_39731539845069 { font-size: 24px; } } #el_31491539845069 p { margin: 0; } #el_31491539845069 { color: #777777; font-size: 16px; margin-top: 8px; } @media screen and (max-width: 767px){ #el_31491539845069 { font-size: 14px; } } #el_68311539845069 p { margin: 0; } #el_68311539845069 { color: #21C870; font-size: 16px; margin-top: 5px; } @media screen and (max-width: 767px){ #el_68311539845069 { font-size: 14px; } } #el_53601539845069 { margin-top: 30px; } @media screen and (max-width: 767px){ #el_53601539845069 { margin-top: 25px; } } #el_39581539845069{width:100%;} @media screen and (max-width: 767px){ #el_72681539845069 { } } #el_41891539845069{width:100%;} #el_41791539845069 img { max-width: 100%; } #el_41791539845069 { transition-property: all; transition-duration: 1s; } #el_12151539845069 img { max-width:100%; } #el_12151539845069 .p_row { position:relative; } #el_12151539845069 .p_nav { position:absolute; top:50%; left:0; width:100%; z-index:10; } #el_12151539845069 .p_prev,#el_12151539845069 .p_next { position:absolute; width:40px; height:40px; background-color:rgba(0,0,0,0.5); transform:translateY(-50%); } #el_12151539845069 .p_prev { left:0; } #el_12151539845069 .p_next { right:0; } #el_12151539845069 .p_prev:after,#el_12151539845069 .p_next:after { content:''; position:absolute; width:20px; height:20px; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); border:2px solid #fff; cursor:pointer; } #el_12151539845069 .p_prev:after { border-right:0; border-top:0; margin-left:5px; } #el_12151539845069 .p_next:after { border-left:0; border-bottom:0; margin-left:-5px; } #el_12151539845069 .p_nav { display:none; } #el_12151539845069 .owl-carousel .owl-dots { display:none; } #el_12151539845069 { } #el_25971539845069{width:100%;} #el_45681539845069 img { max-width: 100%; } #el_45681539845069 { transition-property: all; transition-duration: 1s; } #el_28381539845069 img { max-width:100%; } #el_28381539845069 .p_row { position:relative; } #el_28381539845069 .p_nav { position:absolute; top:50%; left:0; width:100%; z-index:10; } #el_28381539845069 .p_prev,#el_28381539845069 .p_next { position:absolute; width:40px; height:40px; background-color:rgba(0,0,0,0.5); transform:translateY(-50%); } #el_28381539845069 .p_prev { left:0; } #el_28381539845069 .p_next { right:0; } #el_28381539845069 .p_prev:after,#el_28381539845069 .p_next:after { content:''; position:absolute; width:20px; height:20px; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); border:2px solid #fff; cursor:pointer; } #el_28381539845069 .p_prev:after { border-right:0; border-top:0; margin-left:5px; } #el_28381539845069 .p_next:after { border-left:0; border-bottom:0; margin-left:-5px; } #el_28381539845069 .p_nav { display:none; } #el_28381539845069 .owl-carousel .owl-dots { display:none; } #el_28381539845069 { } #el_10391539845069 .tabbox-tabs { padding: 0; margin: 0; text-align: center; } #el_10391539845069 .tabbox-tab { display: inline-block; } #el_10391539845069 .tabbox-tab.active .tabbox-a { color: #fff; background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 25px 0px rgba(0, 97, 174, 0.3); } #el_10391539845069 .tabbox-a { display: block; padding: 12px 34px; border-radius: 25px; border: 1px solid #cccccc; margin: 0 10px; } #el_10391539845069 .tabbox-a:hover, #el_10391539845069 .tabbox-a:active, #el_10391539845069 .tabbox-a:visited, #el_10391539845069 .tabbox-a:focus { color: #fff; background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 25px 0px rgba(0, 97, 174, 0.3); } #el_10391539845069 .tabbox-body { margin-top: 50px; box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.15); border-top-left-radius: 10px; border-top-right-radius: 10px; overflow: hidden; } #el_10391539845069 .tabbox-item { display: none; } #el_10391539845069 .tabbox-item.active { display: block; } #el_10391539845069 .fa { font-size: 14px; } #el_10391539845069 { } @media screen and (max-width: 575px){ #el_10391539845069 .tabbox-a { margin-bottom:15px; } #el_10391539845069 .tabbox-body { margin-top: 10px; }} #el_61101539845301 { background-image: url(../upload/201810090228131-8849.jpg); padding-top: 90px; padding-bottom: 90px; background-repeat: no-repeat; background-size: 100% 100%; text-align: center; } @media screen and (max-width: 767px){ #el_61101539845301 { padding-top: 40px; padding-bottom: 40px; } } #el_62361539845301{width:100%;} #el_73521539845301{width:100%;} #el_10811539845301 img { max-width: 100%; } #el_10811539845301 { transition-property: all; transition-duration: 1s; } #el_32761539845301 { font-size: 40px; color: #fff; } #el_32761539845301 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_32761539845301 { font-size: 24px; } } #el_21211539845301 p { margin: 0; } #el_21211539845301 { color: #fff; font-size: 16px; margin-top: 8px; } @media screen and (max-width: 767px){ #el_21211539845301 { font-size: 14px; } } #el_16841539845301 { margin-top: 50px; margin-left: -15px; margin-right: -15px; } #el_82491539845301{width:33.333333333333336%;} @media screen and (max-width: 767px){ #el_82491539845301{width:100%;}} #el_87831539845301 { margin-left: 15px; margin-right: 15px; } #el_55971539845301{width:33.33%;} #el_53731539845301 img { max-width: 100%; vertical-align:middle; } #el_53731539845301 { transition-property: all; transition-duration: 1s; } #el_53731539845301 { position:relative; width:90px; height:90px; line-height:90px; } #el_53731539845301 .border { position:absolute; top:0; left:0; width:100%; height:100%; border:1px dashed #f6f6f6; border-radius:50%; } #el_53731539845301 .border:before,#el_53731539845301 .border:after { content:''; position:absolute; top:50%; width:18px; height:18px; background-color:#f6f6f6; border-radius:50%; transform:translateY(-50%); opacity:0; transition:all 0.5s ease; } #el_53731539845301 .border:before { left:-9px; } #el_53731539845301 .border:after { right:-9px; } #el_53731539845301:hover .border { /*opacity:1;*/ border-color:#4be2f8; animation:scaleIng 1000s infinite alternate; } #el_53731539845301:hover .border:before,#el_53731539845301:hover .border:after { opacity:1; background-color:#4be2f8; } @keyframes scaleIng { 0 { transform: rotate(0deg); } 100% { transform: rotate(360000deg); } } #el_39351539845301{width:66.6614%;} #el_10741539845301 { font-size: 20px; text-align: left; color: #FFFFFF; } #el_10741539845301 h4 { font: inherit; } #el_68141539845301 p { margin: 0; } #el_68141539845301 { text-align: left; margin-top: 10px; color: #FFFFFF; line-height: 1.3; } #el_40741539845301{width:33.333333333333336%;} @media screen and (max-width: 767px){ #el_40741539845301{width:100%;}} #el_57441539845301 { margin-left: 15px; margin-right: 15px; } @media screen and (max-width: 767px){ #el_57441539845301 { margin-top: 20px; } } #el_79841539845301{width:33.33%;} #el_62851539845301 img { max-width: 100%; vertical-align:middle; } #el_62851539845301 { transition-property: all; transition-duration: 1s; } #el_62851539845301 { position:relative; width:90px; height:90px; line-height:90px; } #el_62851539845301 .border { position:absolute; top:0; left:0; width:100%; height:100%; border:1px dashed #f6f6f6; border-radius:50%; } #el_62851539845301 .border:before,#el_62851539845301 .border:after { content:''; position:absolute; top:50%; width:18px; height:18px; background-color:#f6f6f6; border-radius:50%; transform:translateY(-50%); opacity:0; transition:all 0.5s ease; } #el_62851539845301 .border:before { left:-9px; } #el_62851539845301 .border:after { right:-9px; } #el_62851539845301:hover .border { /*opacity:1;*/ border-color:#4be2f8; animation:scaleIng 1000s infinite alternate; } #el_62851539845301:hover .border:before,#el_62851539845301:hover .border:after { opacity:1; background-color:#4be2f8; } #el_19391539845301{width:66.6614%;} #el_49661539845301 { font-size: 20px; text-align: left; color: #FFFFFF; } #el_49661539845301 h4 { font: inherit; } #el_26821539845301 p { margin: 0; } #el_26821539845301 { text-align: left; margin-top: 10px; color: #FFFFFF; line-height: 1.3; } #el_42201539845301{width:33.333333333333336%;} @media screen and (max-width: 767px){ #el_42201539845301{width:100%;}} #el_20611539845301 { margin-left: 15px; margin-right: 15px; } @media screen and (max-width: 767px){ #el_20611539845301 { margin-top: 20px; } } #el_46141539845301{width:33.33%;} #el_81391539845301 img { max-width: 100%; vertical-align:middle; } #el_81391539845301 { transition-property: all; transition-duration: 1s; } #el_81391539845301 { position:relative; width:90px; height:90px; line-height:90px; } #el_81391539845301 .border { position:absolute; top:0; left:0; width:100%; height:100%; border:1px dashed #f6f6f6; border-radius:50%; } #el_81391539845301 .border:before,#el_81391539845301 .border:after { content:''; position:absolute; top:50%; width:18px; height:18px; background-color:#f6f6f6; border-radius:50%; transform:translateY(-50%); opacity:0; transition:all 0.5s ease; } #el_81391539845301 .border:before { left:-9px; } #el_81391539845301 .border:after { right:-9px; } #el_81391539845301:hover .border { /*opacity:1;*/ border-color:#4be2f8; animation:scaleIng 1000s infinite alternate; } #el_81391539845301:hover .border:before,#el_81391539845301:hover .border:after { opacity:1; background-color:#4be2f8; } #el_32321539845301{width:66.6614%;} #el_16091539845301 { font-size: 20px; text-align: left; color: #FFFFFF; } #el_16091539845301 h4 { font: inherit; } #el_55571539845301 p { margin: 0; } #el_55571539845301 { text-align: left; margin-top: 10px; color: #FFFFFF; line-height: 1.3; } #el_85391539845301 { margin-top: 50px; margin-left: -15px; margin-right: -15px; } @media screen and (max-width: 767px){ #el_85391539845301 { margin-top: 0px; } } #el_30001539845301{width:33.333333333333336%;} @media screen and (max-width: 767px){ #el_30001539845301{width:100%;}} #el_60461539845301 { margin-left: 15px; margin-right: 15px; } @media screen and (max-width: 767px){ #el_60461539845301 { margin-top: 20px; } } #el_17421539845301{width:33.33%;} #el_22201539845301 img { max-width: 100%; vertical-align:middle; } #el_22201539845301 { transition-property: all; transition-duration: 1s; } #el_22201539845301 { position:relative; width:90px; height:90px; line-height:90px; } #el_22201539845301 .border { position:absolute; top:0; left:0; width:100%; height:100%; border:1px dashed #f6f6f6; border-radius:50%; } #el_22201539845301 .border:before,#el_22201539845301 .border:after { content:''; position:absolute; top:50%; width:18px; height:18px; background-color:#f6f6f6; border-radius:50%; transform:translateY(-50%); opacity:0; transition:all 0.5s ease; } #el_22201539845301 .border:before { left:-9px; } #el_22201539845301 .border:after { right:-9px; } #el_22201539845301:hover .border { /*opacity:1;*/ border-color:#4be2f8; animation:scaleIng 1000s infinite alternate; } #el_22201539845301:hover .border:before,#el_22201539845301:hover .border:after { opacity:1; background-color:#4be2f8; } #el_20901539845301{width:66.6614%;} #el_42021539845301 { font-size: 20px; text-align: left; color: #FFFFFF; } #el_42021539845301 h4 { font: inherit; } #el_48721539845301 p { margin: 0; } #el_48721539845301 { text-align: left; margin-top: 10px; color: #FFFFFF; line-height: 1.3; } #el_76571539845301{width:33.333333333333336%;} @media screen and (max-width: 767px){ #el_76571539845301{width:100%;}} #el_70351539845301 { margin-left: 15px; margin-right: 15px; } @media screen and (max-width: 767px){ #el_70351539845301 { margin-top: 20px; } } #el_40421539845301{width:33.33%;} #el_56971539845301 img { max-width: 100%; vertical-align:middle; } #el_56971539845301 { transition-property: all; transition-duration: 1s; } #el_56971539845301 { position:relative; width:90px; height:90px; line-height:90px; } #el_56971539845301 .border { position:absolute; top:0; left:0; width:100%; height:100%; border:1px dashed #f6f6f6; border-radius:50%; } #el_56971539845301 .border:before,#el_56971539845301 .border:after { content:''; position:absolute; top:50%; width:18px; height:18px; background-color:#f6f6f6; border-radius:50%; transform:translateY(-50%); opacity:0; transition:all 0.5s ease; } #el_56971539845301 .border:before { left:-9px; } #el_56971539845301 .border:after { right:-9px; } #el_56971539845301:hover .border { /*opacity:1;*/ border-color:#4be2f8; animation:scaleIng 1000s infinite alternate; } #el_56971539845301:hover .border:before,#el_56971539845301:hover .border:after { opacity:1; background-color:#4be2f8; } #el_47631539845301{width:66.6614%;} #el_18261539845301 { font-size: 20px; text-align: left; color: #FFFFFF; } #el_18261539845301 h4 { font: inherit; } #el_80361539845301 p { margin: 0; } #el_80361539845301 { text-align: left; margin-top: 10px; color: #FFFFFF; line-height: 1.3; } #el_72641539845301{width:33.333333333333336%;} @media screen and (max-width: 767px){ #el_72641539845301{width:100%;}} #el_84331539845301 { margin-left: 15px; margin-right: 15px; } @media screen and (max-width: 767px){ #el_84331539845301 { margin-top: 20px; } } #el_50051539845301{width:33.33%;} #el_77191539845301 img { max-width: 100%; vertical-align:middle; } #el_77191539845301 { transition-property: all; transition-duration: 1s; } #el_77191539845301 { position:relative; width:90px; height:90px; line-height:90px; } #el_77191539845301 .border { position:absolute; top:0; left:0; width:100%; height:100%; border:1px dashed #f6f6f6; border-radius:50%; } #el_77191539845301 .border:before,#el_77191539845301 .border:after { content:''; position:absolute; top:50%; width:18px; height:18px; background-color:#f6f6f6; border-radius:50%; transform:translateY(-50%); opacity:0; transition:all 0.5s ease; } #el_77191539845301 .border:before { left:-9px; } #el_77191539845301 .border:after { right:-9px; } #el_77191539845301:hover .border { /*opacity:1;*/ border-color:#4be2f8; animation:scaleIng 1000s infinite alternate; } #el_77191539845301:hover .border:before,#el_77191539845301:hover .border:after { opacity:1; background-color:#4be2f8; } #el_23881539845301{width:66.6614%;} #el_54781539845301 { font-size: 20px; text-align: left; color: #FFFFFF; } #el_54781539845301 h4 { font: inherit; } #el_41261539845301 p { margin: 0; } #el_41261539845301 { text-align: left; margin-top: 10px; color: #FFFFFF; line-height: 1.3; } #el_43111539845301 { margin-top: 60px; } @media screen and (max-width: 767px){ #el_43111539845301 { margin-top: 25px; } } #el_29531539845301{width:100%;} #el_64681539845301 p { margin: 0; } #el_64681539845301 { color: #FFFFFF; font-size: 18px; } @media screen and (max-width: 767px){ #el_64681539845301 { font-size: 16px; line-height: 1.6; } } #el_34081539845301 { margin-top: 30px; } #el_80441539845301{width:100%;} #el_64771539845301 { display: inline-block; margin-right: 10px; background-color: #005197; border-radius: 8px; } #el_64771539845301:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_64771539845301 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-3679.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_64771539845301 .btnLink:before { content: '期待您的任何想法'; display: block; font-size: 12px; } #el_64771539845301 .btnLink:after { content: '联系在线客服'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_64771539845301 { margin-right: 0px; } } #el_62281539845301 { display: inline-block; margin-left: 10px; background-color: #005197; border-radius: 8px; } #el_62281539845301:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_62281539845301 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-9499.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_62281539845301 .btnLink:before { content: '微加学院'; display: block; font-size: 12px; } #el_62281539845301 .btnLink:after { content: '了解更多信息'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_62281539845301 { margin-left: 0px; margin-top: 15px; } } #el_46401539845318 { padding-top: 60px; padding-bottom: 60px; text-align: center; background-color: #F0F4F5; } @media screen and (max-width: 767px){ #el_46401539845318 { padding-top: 40px; padding-bottom: 40px; } } #el_66381539845318{width:100%;} #el_77611539845318{width:100%;} #el_51431539845318 img { max-width: 100%; } #el_51431539845318 { transition-property: all; transition-duration: 1s; } #el_41411539845318 { font-size: 40px; color: #2f2f33; } #el_41411539845318 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_41411539845318 { font-size: 24px; } } #el_54481539845318 p { margin: 0; } #el_54481539845318 { color: #696969; font-size: 16px; margin-top: 8px; line-height: 1.6; } @media screen and (max-width: 767px){ #el_54481539845318 { font-size: 14px; } } #el_58421539845318 { margin-top: 40px; } #el_58701539845318{width:100%;} #el_25751539845318 img { max-width: 100%; } #el_25751539845318 .caseRow { overflow: hidden; margin: 0 -15px; } #el_25751539845318 .caseList { float: left; width: 33.33%; padding: 0 15px 10px 15px; } #el_25751539845318 .caseBox { display: block; border-radius: 8px; overflow: hidden; box-shadow:0 2px 10px 0px rgba(0,0,0,0.2); } #el_25751539845318 .caseBody { padding: 15px 0; background-color: #fff; } #el_25751539845318 .caseTitle { color: #000; font-size: 18px; } #el_25751539845318 .caseDigest { color: #666; font-size: 14px; margin-top: 6px; } #el_25751539845318 .caseImgBox { position: relative; overflow: hidden; } #el_25751539845318 .caseMask { position: absolute; width: 100%; height: 100%; z-index: 10; background-image: linear-gradient(315deg, rgba(33, 200, 112, 0.7), rgba(0, 97, 174, 0.7)); opacity:0; transition:all 0.5s ease; visibility:hidden; } #el_25751539845318 .caseMask:before,#el_25751539845318 .caseMask:after { content: ''; display:block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -80%); } #el_25751539845318 .caseMask:before { width:141px; height:55px; background-image: url(../upload/201810090347141-4687.png); background-repeat: no-repeat; } #el_25751539845318 .caseMask:after { content:'体验VR 效果'; padding:8px 0; margin-top:55px; width:161px; font-size:14px; color:#666; text-align:center; border-radius:25px; background-color:#fff; } #el_25751539845318 .caseBox:hover .caseMask { visibility:unset; opacity:1; } @media screen and (max-width: 575px){ #el_25751539845318 .caseList { width: 100%; }} #el_47911539845318 { margin-top: 60px; } @media screen and (max-width: 767px){ #el_47911539845318 { margin-top: 25px; } } #el_65131539845318{width:100%;} #el_89831539845318 p { margin: 0; } #el_89831539845318 { color: #666666; font-size: 18px; } @media screen and (max-width: 767px){ #el_89831539845318 { line-height: 1.6; font-size: 14px; } } #el_56101539845318 { margin-top: 30px; } #el_84771539845318{width:100%;} #el_47141539845318 { display: inline-block; margin-right: 10px; background-color: #005197; border-radius: 8px; } #el_47141539845318:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_47141539845318 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-3679.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_47141539845318 .btnLink:before { content: '期待您的任何想法'; display: block; font-size: 12px; } #el_47141539845318 .btnLink:after { content: '联系在线客服'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_47141539845318 { margin-right: 0px; } } #el_63991539845318 { display: inline-block; margin-left: 10px; background-color: #005197; border-radius: 8px; } #el_63991539845318:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_63991539845318 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-9499.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_63991539845318 .btnLink:before { content: '微加学院'; display: block; font-size: 12px; } #el_63991539845318 .btnLink:after { content: '了解更多信息'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_63991539845318 .btnLink { } #el_63991539845318 { margin-left: 0px; margin-top: 15px; } } #el_48101539845340 { padding-top: 60px; padding-bottom: 60px; text-align: center; background-color: #FFFFFF; } @media screen and (max-width: 767px){ #el_48101539845340 { padding-top: 40px; padding-bottom: 40px; } } #el_41841539845340{width:100%;} #el_82131539845340{width:100%;} #el_71971539845340 img { max-width: 100%; } #el_71971539845340 { transition-property: all; transition-duration: 1s; } #el_18751539845340 { font-size: 40px; color: #2f2f33; } #el_18751539845340 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_18751539845340 { font-size: 24px; } } #el_30331539845340 p { margin: 0; } #el_30331539845340 { color: #696969; font-size: 16px; margin-top: 8px; line-height: 1.6; } @media screen and (max-width: 767px){ #el_30331539845340 { font-size: 14px; } } #el_32171539845340 { margin-top: 40px; margin-right: -25px; margin-left: -25px; } @media screen and (max-width: 767px){ #el_32171539845340 { margin-right: -8px; margin-left: -8px; } } #el_44271539845340{width:20%;} @media screen and (max-width: 575px){ #el_44271539845340{width:50%;}} #el_47171539845340 { padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 40px; margin-right: 25px; margin-left: 25px; background-color: #17B6D9; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 15px 25px 0px rgba(0,0,0,.2); } @media screen and (max-width: 767px){ #el_47171539845340 { margin-right: 8px; margin-left: 8px; padding-top: 20px; padding-bottom: 20px; } } #el_88301539845340{width:100%;} #el_47201539845340 img { max-width: 100%; height:62px; } #el_47201539845340 { transition-property: all; transition-duration: 1s; } #el_86821539845340 { font-size: 22px; margin-top: 30px; color: #FFFFFF; } #el_86821539845340 h4 { font: inherit; } #el_65311539845340{width:20%;} @media screen and (max-width: 575px){ #el_65311539845340{width:50%;}} #el_82911539845340 { padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 40px; margin-right: 25px; margin-left: 25px; background-color: #1676f2; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 15px 25px 0px rgba(0,0,0,.2); } @media screen and (max-width: 767px){ #el_82911539845340 { margin-right: 8px; margin-left: 8px; padding-top: 20px; padding-bottom: 20px; } } #el_58341539845340{width:100%;} #el_43181539845340 img { max-width: 100%; height:62px; } #el_43181539845340 { transition-property: all; transition-duration: 1s; } #el_38891539845340 { font-size: 22px; margin-top: 30px; color: #FFFFFF; } #el_38891539845340 h4 { font: inherit; } #el_83711539845340{width:20%;} @media screen and (max-width: 575px){ #el_83711539845340{width:50%;}} #el_32801539845340 { padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 40px; margin-right: 25px; margin-left: 25px; background-color: #6f55eb; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 15px 25px 0px rgba(0,0,0,.2); } @media screen and (max-width: 767px){ #el_32801539845340 { margin-right: 8px; margin-left: 8px; padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 575px){ #el_32801539845340 { margin-top: 15px; } } #el_50651539845340{width:100%;} #el_57101539845340 img { max-width: 100%; height:62px; } #el_57101539845340 { transition-property: all; transition-duration: 1s; } #el_58061539845340 { font-size: 22px; margin-top: 30px; color: #FFFFFF; } #el_58061539845340 h4 { font: inherit; } #el_32261539845340{width:20%;} @media screen and (max-width: 575px){ #el_32261539845340{width:50%;}} #el_35081539845340 { padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 40px; margin-right: 25px; margin-left: 25px; background-color: #edb631; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 15px 25px 0px rgba(0,0,0,.2); } @media screen and (max-width: 767px){ #el_35081539845340 { margin-right: 8px; margin-left: 8px; padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 575px){ #el_35081539845340 { margin-top: 15px; } } #el_72611539845340{width:100%;} #el_73661539845340 img { max-width: 100%; height:62px; } #el_73661539845340 { transition-property: all; transition-duration: 1s; } #el_55151539845340 { font-size: 22px; margin-top: 30px; color: #FFFFFF; } #el_55151539845340 h4 { font: inherit; } #el_53711539845340{width:20%;} @media screen and (max-width: 575px){ #el_53711539845340{width:50%;}} #el_10761539845340 { padding-left: 20px; padding-right: 20px; padding-top: 40px; padding-bottom: 40px; margin-right: 25px; margin-left: 25px; background-color: #EA413A; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0px 15px 25px 0px rgba(0,0,0,.2); } @media screen and (max-width: 767px){ #el_10761539845340 { margin-right: 8px; margin-left: 8px; padding-top: 20px; padding-bottom: 20px; } } @media screen and (max-width: 575px){ #el_10761539845340 { margin-top: 15px; } } #el_55791539845340{width:100%;} #el_27641539845340 img { max-width: 100%; height:62px; } #el_27641539845340 { transition-property: all; transition-duration: 1s; } #el_34661539845340 { font-size: 22px; margin-top: 30px; color: #FFFFFF; } #el_34661539845340 h4 { font: inherit; } #el_69341539845340 { margin-top: 60px; } @media screen and (max-width: 767px){ #el_69341539845340 { margin-top: 25px; } } #el_51711539845340{width:100%;} #el_55141539845340 p { margin: 0; } #el_55141539845340 { color: #666; font-size: 18px; } @media screen and (max-width: 767px){ #el_55141539845340 { font-size: 14px; } } #el_78811539845340 { margin-top: 30px; } #el_43491539845340{width:100%;} #el_37491539845340 { display: inline-block; margin-right: 10px; background-color: #005197; border-radius: 8px; } #el_37491539845340:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_37491539845340 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-3679.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_37491539845340 .btnLink:before { content: '期待您的任何想法'; display: block; font-size: 12px; } #el_37491539845340 .btnLink:after { content: '联系在线客服'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_37491539845340 { margin-right: 0px; } } #el_81581539845340 { display: inline-block; margin-left: 10px; background-color: #005197; border-radius: 8px; } #el_81581539845340:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_81581539845340 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-9499.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_81581539845340 .btnLink:before { content: '微加学院'; display: block; font-size: 12px; } #el_81581539845340 .btnLink:after { content: '了解更多信息'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_81581539845340 { margin-top: 15px; margin-left: 0px; } } #el_70781539845363 { padding-top: 120px; padding-bottom: 120px; background-image: url(../upload/201810180230061-7756.jpg); background-size: 100% 100%; text-align: center; } @media screen and (max-width: 767px){ #el_70781539845363 { padding-top: 50px; padding-bottom: 50px; } } #el_55381539845363{width:100%;} #el_48101539845363{width:100%;} #el_71961539845363 { font-size: 56px; color: #FFFFFF; } #el_71961539845363 h2 { font: inherit; letter-spacing: 5px; } @media screen and (max-width: 767px){ #el_71961539845363 { font-size: 26px; } } #el_28141539845363 { font-size: 24px; color: #FFFFFF; } #el_28141539845363 h4 { font: inherit; } @media screen and (max-width: 767px){ #el_28141539845363 { font-size: 16px; } } #el_74041539845363 { display: block; margin-top: 30px; font-size: 18px; } #el_74041539845363 .btnLink { display: inline-block; padding: 12px 50px; border-radius: 25px; border: 1px solid #cccccc; background-color: #fff; opacity: 0.8; margin: 0 10px; } #el_74041539845363 .btnLink:hover { opacity: 1; } #el_56341539845380 { padding-top: 60px; padding-bottom: 60px; text-align: center; background-color: #F0F4F5; } @media screen and (max-width: 767px){ #el_56341539845380 { padding-top: 40px; padding-bottom: 40px; } } #el_28801539845380{width:100%;} #el_43471539845380{width:100%;} #el_59341539845380 img { max-width: 100%; } #el_59341539845380 { transition-property: all; transition-duration: 1s; } #el_65881539845380 { font-size: 40px; color: #2f2f33; } #el_65881539845380 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_65881539845380 { font-size: 24px; } } #el_81211539845380 p { margin: 0; } #el_81211539845380 { color: #696969; font-size: 16px; margin-top: 8px; line-height: 1.6; } @media screen and (max-width: 767px){ #el_81211539845380 { font-size: 14px; } } #el_44141539845380 { margin-top: 40px; } #el_53931539845380{width:100%;} #el_40051539845380{width:100%;} #el_85741539845380 { display: inline-block; } #el_85741539845380 .btnLink { display: block; padding: 12px 34px; border-radius: 25px; border: 1px solid #cccccc; margin: 0 10px; } #el_73711539845380 { display: inline-block; } #el_73711539845380 .btnLink { display: block; padding: 12px 34px; border-radius: 25px; border: 1px solid #cccccc; margin: 0 10px; } @media screen and (max-width: 575px){ #el_73711539845380 .btnLink { margin-top: 10px; } } #el_48531539845380 { display: inline-block; } #el_48531539845380 .btnLink { display: block; padding: 12px 34px; border-radius: 25px; border: 1px solid #cccccc; margin: 0 10px; } @media screen and (max-width: 575px){ #el_48531539845380 { margin-top: 10px; } } #el_47891539845380 { display: inline-block; } #el_47891539845380 .btnLink { display: block; padding: 12px 34px; border-radius: 25px; border: 1px solid #cccccc; margin: 0 10px; } @media screen and (max-width: 991px){ #el_47891539845380 { margin-top: 15px; } } @media screen and (max-width: 575px){ #el_47891539845380 { margin-top: 10px; } } #el_83781539845380 { margin-top: 40px; } #el_19991539845380{width:20%;} @media screen and (max-width: 575px){ #el_19991539845380{width:100%;}} #el_72361539845380 img { max-width: 100%; } #el_72361539845380 { transition-property: all; transition-duration: 1s; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; border-right-color: #dedede; width: 150px; height: 130px; line-height: 130px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; } #el_72361539845380:hover { border-color: #0061ae; } @media screen and (max-width: 767px){ #el_72361539845380 { width: auto; height: 50px; line-height: 50px; } } @media screen and (max-width: 575px){ #el_72361539845380 { height: 70px; line-height: 70px; } } #el_25381539845380{width:20%;} @media screen and (max-width: 575px){ #el_25381539845380{width:100%;}} #el_71741539845380 img { max-width: 100%; } #el_71741539845380 { transition-property: all; transition-duration: 1s; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; border-right-color: #dedede; width: 150px; height: 130px; line-height: 130px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; } #el_71741539845380:hover { border-color: #0061ae; } @media screen and (max-width: 767px){ #el_71741539845380 { width: auto; height: 50px; line-height: 50px; } } @media screen and (max-width: 575px){ #el_71741539845380 { height: 70px; line-height: 70px; } } #el_50751539845380{width:20%;} @media screen and (max-width: 575px){ #el_50751539845380{width:100%;}} #el_23151539845380 img { max-width: 100%; } #el_23151539845380 { transition-property: all; transition-duration: 1s; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; border-right-color: #dedede; width: 150px; height: 130px; line-height: 130px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; } #el_23151539845380:hover { border-color: #0061ae; } @media screen and (max-width: 767px){ #el_23151539845380 { width: auto; height: 50px; line-height: 50px; } } @media screen and (max-width: 575px){ #el_23151539845380 { height: 70px; line-height: 70px; } } #el_64331539845380{width:20%;} @media screen and (max-width: 575px){ #el_64331539845380{width:100%;}} #el_32481539845380 img { max-width: 100%; } #el_32481539845380 { transition-property: all; transition-duration: 1s; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; border-right-color: #dedede; width: 150px; height: 130px; line-height: 130px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; } #el_32481539845380:hover { border-color: #0061ae; } @media screen and (max-width: 767px){ #el_32481539845380 { width: auto; height: 50px; line-height: 50px; } } @media screen and (max-width: 575px){ #el_32481539845380 { height: 70px; line-height: 70px; } } #el_62751539845380{width:20%;} @media screen and (max-width: 575px){ #el_62751539845380{width:100%;}} #el_65071539845380 img { max-width: 100%; } #el_65071539845380 { transition-property: all; transition-duration: 1s; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; border-right-color: #dedede; width: 150px; height: 130px; line-height: 130px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; } #el_65071539845380:hover { border-color: #0061ae; } @media screen and (max-width: 767px){ #el_65071539845380 { width: auto; height: 50px; line-height: 50px; } } @media screen and (max-width: 575px){ #el_65071539845380 { height: 70px; line-height: 70px; } } #el_38231539845380 { margin-top: 40px; } @media screen and (max-width: 767px){ #el_38231539845380 { margin-top: 20px; } } @media screen and (max-width: 575px){ #el_38231539845380 { margin-top: 0px; } } #el_19201539845380{width:20%;} @media screen and (max-width: 575px){ #el_19201539845380{width:100%;}} #el_79591539845380 img { max-width: 100%; } #el_79591539845380 { transition-property: all; transition-duration: 1s; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; border-right-color: #dedede; width: 150px; height: 130px; line-height: 130px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; } #el_79591539845380:hover { border-color: #0061ae; } @media screen and (max-width: 767px){ #el_79591539845380 { width: auto; height: 50px; line-height: 50px; } } @media screen and (max-width: 575px){ #el_79591539845380 { height: 70px; line-height: 70px; } } #el_53531539845380{width:20%;} @media screen and (max-width: 575px){ #el_53531539845380{width:100%;}} #el_50221539845380 img { max-width: 100%; } #el_50221539845380 { transition-property: all; transition-duration: 1s; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; border-right-color: #dedede; width: 150px; height: 130px; line-height: 130px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; } #el_50221539845380:hover { border-color: #0061ae; } @media screen and (max-width: 767px){ #el_50221539845380 { width: auto; height: 50px; line-height: 50px; } } @media screen and (max-width: 575px){ #el_50221539845380 { height: 70px; line-height: 70px; } } #el_76631539845380{width:20%;} @media screen and (max-width: 575px){ #el_76631539845380{width:100%;}} #el_33491539845380 img { max-width: 100%; } #el_33491539845380 { transition-property: all; transition-duration: 1s; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; border-right-color: #dedede; width: 150px; height: 130px; line-height: 130px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; } #el_33491539845380:hover { border-color: #0061ae; } @media screen and (max-width: 767px){ #el_33491539845380 { width: auto; height: 50px; line-height: 50px; } } @media screen and (max-width: 575px){ #el_33491539845380 { height: 70px; line-height: 70px; } } #el_51641539845380{width:20%;} @media screen and (max-width: 575px){ #el_51641539845380{width:100%;}} #el_78071539845380 img { max-width: 100%; } #el_78071539845380 { transition-property: all; transition-duration: 1s; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; border-right-color: #dedede; width: 150px; height: 130px; line-height: 130px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; } #el_78071539845380:hover { border-color: #0061ae; } @media screen and (max-width: 767px){ #el_78071539845380 { width: auto; height: 50px; line-height: 50px; } } @media screen and (max-width: 575px){ #el_78071539845380 { height: 70px; line-height: 70px; } } #el_58631539845380{width:20%;} @media screen and (max-width: 575px){ #el_58631539845380{width:100%;}} #el_58071539845380 img { max-width: 100%; } #el_58071539845380 { transition-property: all; transition-duration: 1s; border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: #dedede; border-bottom-color: #dedede; border-left-color: #dedede; border-right-color: #dedede; width: 150px; height: 130px; line-height: 130px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; padding-top: 0; padding-bottom: 0; padding-left: 20px; padding-right: 20px; background-color: #FFFFFF; } #el_58071539845380:hover { border-color: #0061ae; } @media screen and (max-width: 767px){ #el_58071539845380 { width: auto; height: 50px; line-height: 50px; } } @media screen and (max-width: 575px){ #el_58071539845380 { height: 70px; line-height: 70px; } } #el_47221539845380 { margin-top: 60px; } @media screen and (max-width: 767px){ #el_47221539845380 { margin-top: 25px; } } #el_89211539845380{width:100%;} #el_60031539845380 p { margin: 0; } #el_60031539845380 { color: #666; font-size: 18px; } @media screen and (max-width: 767px){ #el_60031539845380 { font-size: 14px; } } #el_89881539845380 { margin-top: 30px; } #el_54961539845380{width:100%;} #el_41821539845380 { display: inline-block; margin-right: 10px; background-color: #005197; border-radius: 8px; } #el_41821539845380:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_41821539845380 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-3679.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_41821539845380 .btnLink:before { content: '期待您的任何想法'; display: block; font-size: 12px; } #el_41821539845380 .btnLink:after { content: '联系在线客服'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_41821539845380 { margin-right: 0px; } } #el_66361539845380 { display: inline-block; margin-left: 10px; background-color: #005197; border-radius: 8px; } #el_66361539845380:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_66361539845380 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-9499.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_66361539845380 .btnLink:before { content: '微加学院'; display: block; font-size: 12px; } #el_66361539845380 .btnLink:after { content: '了解更多信息'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_66361539845380 { margin-top: 15px; margin-left: 0px; } } #el_82431539845411 { padding-top: 60px; padding-bottom: 60px; text-align: center; background-color: #FFFFFF; } @media screen and (max-width: 767px){ #el_82431539845411 { padding-top: 40px; padding-bottom: 40px; } } #el_13251539845411{width:100%;} #el_81081539845411{width:100%;} #el_75111539845411 img { max-width: 100%; } #el_75111539845411 { transition-property: all; transition-duration: 1s; } #el_89051539845411 { font-size: 40px; color: #2f2f33; } #el_89051539845411 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_89051539845411 { font-size: 24px; } } #el_24521539845411 p { margin: 0; } #el_24521539845411 { color: #696969; font-size: 16px; margin-top: 8px; line-height: 1.6; } @media screen and (max-width: 767px){ #el_24521539845411 { font-size: 14px; } } #el_47471539845411 { margin-top: 40px; margin-left: -15px; margin-right: -15px; } #el_69801539845411{width:33.333333333333336%;} @media screen and (max-width: 575px){ #el_69801539845411{width:100%;}} #el_64001539845411 { padding-left: 15px; padding-right: 15px; } #el_33381539845411{width:100%;} #el_73951539845411 img { max-width: 100%; width:100px; } #el_73951539845411 { padding-top: 60px; padding-bottom: 60px; background-image: url(../upload/201810090441211-5892.jpg); background-size: 100% 100%; } #el_73951539845411 .imgRow { display: inline-block; padding: 10px; vertical-align: middle; background-color: #6eb92b; border-radius:4px; } #el_73951539845411 p { color:#fff; margin-top:5px; margin-bottom:0; } #el_79781539845411{width:33.333333333333336%;} @media screen and (max-width: 575px){ #el_79781539845411{width:100%;}} #el_53531539845411 { padding-left: 15px; padding-right: 15px; } #el_71201539845411{width:100%;} #el_20801539845411 img { max-width: 100%; width:100px; } #el_20801539845411 { padding-top: 60px; padding-bottom: 60px; background-image: url(../upload/201810090441211-2386.jpg); background-size: 100% 100%; } #el_20801539845411 .imgRow { display: inline-block; padding: 10px; vertical-align: middle; background-color: #6eb92b; border-radius: 4px; } #el_20801539845411 p { color: #fff; margin-top: 5px; margin-bottom: 0; } #el_18651539845411{width:33.333333333333336%;} @media screen and (max-width: 575px){ #el_18651539845411{width:100%;}} #el_17221539845411 { padding-left: 15px; padding-right: 15px; } #el_37841539845411{width:100%;} #el_25761539845411 img { max-width: 100%; width:100px; } #el_25761539845411 { padding-top: 60px; padding-bottom: 60px; background-image: url(../upload/201810090441211-6048.jpg); background-size: 100% 100%; } #el_25761539845411 .imgRow { display: inline-block; padding: 10px; vertical-align: middle; background-color: #6eb92b; border-radius: 4px; } #el_25761539845411 p { color: #fff; margin-top: 5px; margin-bottom: 0; } #el_63641539845411 { margin-top: 60px; } @media screen and (max-width: 767px){ #el_63641539845411 { margin-top: 25px; } } #el_79941539845411{width:100%;} #el_12521539845411 p { margin: 0; } #el_12521539845411 { color: #666; font-size: 18px; } @media screen and (max-width: 767px){ #el_12521539845411 { font-size: 14px; } } #el_89891539845411 { margin-top: 30px; } #el_88681539845411{width:100%;} #el_71571539845411 { display: inline-block; margin-right: 10px; background-color: #005197; border-radius: 8px; } #el_71571539845411:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_71571539845411 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-3679.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_71571539845411 .btnLink:before { content: '期待您的任何想法'; display: block; font-size: 12px; } #el_71571539845411 .btnLink:after { content: '联系在线客服'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_71571539845411 { margin-right: 0px; } } #el_79841539845411 { display: inline-block; margin-left: 10px; background-color: #005197; border-radius: 8px; } #el_79841539845411:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_79841539845411 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-9499.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_79841539845411 .btnLink:before { content: '微加学院'; display: block; font-size: 12px; } #el_79841539845411 .btnLink:after { content: '了解更多信息'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_79841539845411 { margin-left: 0px; margin-top: 15px; } } #el_27951539845431 { padding-top: 60px; padding-bottom: 60px; text-align: center; background-color: #FFFFFF; background-image: url(../upload/201810090449161-2877.jpg); background-size: 100% 100%; background-repeat: no-repeat; } @media screen and (max-width: 767px){ #el_27951539845431 { padding-top: 40px; padding-bottom: 40px; } } #el_77401539845431{width:100%;} #el_35781539845431{width:100%;} #el_42241539845431 img { max-width: 100%; } #el_42241539845431 { transition-property: all; transition-duration: 1s; } #el_27001539845431 { font-size: 40px; color: #fff; } #el_27001539845431 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_27001539845431 { font-size: 24px; } } #el_29881539845431 p { margin: 0; } #el_29881539845431 { color: #FFFFFF; font-size: 16px; margin-top: 8px; line-height: 1.6; } @media screen and (max-width: 767px){ #el_29881539845431 { font-size: 14px; } } #el_74431539845431 { margin-top: 40px; } #el_83231539845431{width:100%;} #el_15631539845431 img { max-width: 100%; } #el_15631539845431 { transition-property: all; transition-duration: 1s; } #el_43511539845431 { margin-top: 60px; } @media screen and (max-width: 767px){ #el_43511539845431 { margin-top: 25px; font-size: 14px; } } #el_13511539845431{width:100%;} #el_48501539845431 p { margin: 0; } #el_48501539845431 { color: #FFFFFF; font-size: 18px; } @media screen and (max-width: 767px){ #el_48501539845431 { font-size: 14px; } } @media screen and (max-width: 575px){ #el_48501539845431 { } } #el_13321539845431 { margin-top: 30px; } #el_52431539845431{width:100%;} #el_12201539845431 { display: inline-block; margin-right: 10px; background-color: #005197; border-radius: 8px; } #el_12201539845431:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_12201539845431 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-3679.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_12201539845431 .btnLink:before { content: '期待您的任何想法'; display: block; font-size: 12px; } #el_12201539845431 .btnLink:after { content: '联系在线客服'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_12201539845431 { margin-right: 0px; } } #el_31011539845431 { display: inline-block; margin-left: 10px; background-color: #005197; border-radius: 8px; } #el_31011539845431:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_31011539845431 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-9499.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_31011539845431 .btnLink:before { content: '微加学院'; display: block; font-size: 12px; } #el_31011539845431 .btnLink:after { content: '了解更多信息'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_31011539845431 { margin-left: 0px; margin-top: 15px; } } #el_53821539845485 { padding-top: 60px; padding-bottom: 60px; text-align: center; background-color: #f0f4f5; } @media screen and (max-width: 767px){ #el_53821539845485 { padding-top: 40px; padding-bottom: 40px; } } @media screen and (max-width: 575px){ #el_53821539845485 { display: none; } } #el_84131539845485{width:100%;} #el_72781539845485{width:100%;} #el_80581539845485 img { max-width: 100%; } #el_80581539845485 { transition-property: all; transition-duration: 1s; } #el_89101539845485 { font-size: 40px; color: #2f2f33; } #el_89101539845485 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_89101539845485 { font-size: 24px; } } #el_57321539845485 p { margin: 0; } #el_57321539845485 { color: #696969; font-size: 16px; margin-top: 8px; line-height: 1.6; } @media screen and (max-width: 767px){ #el_57321539845485 { font-size: 14px; } } #el_84041539845485 { margin-top: 40px; } @media screen and (max-width: 767px){ #el_84041539845485 { margin-top: 25px; } } #el_52251539845485{width:100%;} #el_47461539845485 .image { position:relative; } #el_47461539845485 .item { position: relative; transition-property: all; transition-duration: 0.25s; margin-bottom: 30px; text-align: center; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; overflow: hidden; background-color: #FFFFFF; } #el_47461539845485 .item:hover { box-shadow: 0px 10px 10px #dedede; transform: translateY(-5px); } #el_47461539845485 .image img { max-width: 100%; } #el_47461539845485 .brief { position:absolute; top:0; left:0; width:100%; height:100%; padding:10px; color:#fff; opacity:0; visibility:hidden; transition:all 0.5s ease; text-align:left; overflow: hidden; line-height: 2; } #el_47461539845485 .brief span { position:relative; } #el_47461539845485 .brief:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.8; background-image:linear-gradient(315deg, #72bb38, #0061ae); } #el_47461539845485 .item:hover .brief { opacity:1; visibility:unset; } #el_47461539845485 .price { margin-top: 10px; color: #FF6709; font-size: 18px; padding-bottom: 10px; } #el_47461539845485 .price span { margin: 0 10px; } #el_47461539845485 .yPrice { color: #b0b0b0; font-size: 14px; } #el_47461539845485 .title { font-size: 18px; line-height: 2; font-weight: bold; margin-top: 4px; } #el_47461539845485 .parts { color: #999; } #el_47461539845485 .btns { text-align: center; padding-bottom: 10px; margin-top: 5px; display: none; } #el_47461539845485 .btns a { display: inline-block; padding: 10px 0; width: 45%; color: #fff; margin: 0 2%; opacity: 0.8; border-radius: 5px; font-size: 16px; } #el_47461539845485 .btns a:hover { opacity: 1; } #el_47461539845485 .btns a i { margin-right: 5px; } #el_47461539845485 .previewBtn { background-color: rgba(111, 186, 44, 1); } #el_47461539845485 .detailsBtn { background-color: rgba(37, 128, 230, 1); } #el_47461539845485 .parts.clearfix { display: none; } #el_47461539845485 { margin-top: 20px; } #el_82021539845485 { margin-top: 60px; } @media screen and (max-width: 767px){ #el_82021539845485 { margin-top: 15px; } } #el_40751539845485{width:100%;} #el_65601539845485 p { margin: 0; } #el_65601539845485 { color: #666; font-size: 18px; } @media screen and (max-width: 767px){ #el_65601539845485 { font-size: 14px; } } #el_64991539845485 { margin-top: 30px; } #el_27851539845485{width:100%;} #el_58781539845485 { display: inline-block; margin-right: 10px; background-color: #005197; border-radius: 8px; } #el_58781539845485:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_58781539845485 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-3679.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_58781539845485 .btnLink:before { content: '期待您的任何想法'; display: block; font-size: 12px; } #el_58781539845485 .btnLink:after { content: '联系在线客服'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_58781539845485 { margin-right: 0px; } } #el_70631539853971 { display: inline-block; margin-left: 10px; background-color: #005197; border-radius: 8px; } #el_70631539853971:hover { background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 15px 2px rgba(0,0,0,0.1); } #el_70631539853971 .btnLink { display: block; border-radius: 5px; padding-top: 12px; padding-bottom: 12px; padding-left: 80px; padding-right: 20px; color: #FFFFFF; background-image: url(../upload/201810090307251-9499.png); background-repeat: no-repeat; background-position: 20px center; text-align: left; line-height: 1; } #el_70631539853971 .btnLink:before { content: '微加学院'; display: block; font-size: 12px; } #el_70631539853971 .btnLink:after { content: '了解更多信息'; display: block; font-size: 22px; margin-top: 5px; } @media screen and (max-width: 575px){ #el_70631539853971 { margin-left: 0px; margin-top: 15px; } } #el_35901539845498 { padding-top: 60px; padding-bottom: 60px; text-align: center; background-color: #FFFFFF; } @media screen and (max-width: 767px){ #el_35901539845498 { padding-top: 40px; padding-bottom: 40px; } } @media screen and (max-width: 575px){ #el_35901539845498 { display: none; } } #el_13591539845498{width:100%;} #el_12151539845498{width:100%;} #el_14761539845498 img { max-width: 100%; } #el_14761539845498 { transition-property: all; transition-duration: 1s; } #el_87641539845498 { font-size: 40px; color: #2f2f33; } #el_87641539845498 h3 { font: inherit; } @media screen and (max-width: 767px){ #el_87641539845498 { font-size: 24px; } } #el_74931539845498 p { margin: 0; } #el_74931539845498 { color: #696969; font-size: 16px; margin-top: 8px; } @media screen and (max-width: 767px){ #el_74931539845498 { font-size: 12px; } } #el_87521539845498 { margin-top: 40px; } #el_42521539845498{width:100%;} #el_62501539845498{width:100%;} #el_82291539845498 img { max-width: 100%; } #el_82291539845498 a { } #el_82291539845498 i { margin-right: 3px; } #el_82291539845498 .newsRow { overflow: hidden; } #el_82291539845498 .newsList { float: left; width: 66.66%; padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px dashed #dedede; } #el_82291539845498 .newsList .newsImgBox { display: none; } #el_82291539845498 .newsList:nth-child(1) { width: 33.33%; padding-right: 30px; padding-bottom: 0px; border-bottom:0; } #el_82291539845498 .newsList:last-child { border-bottom:0; } #el_82291539845498 .newsList:nth-child(1) .newsImgBox { display: block; } #el_82291539845498 .newsList:nth-child(1) .newsTitle { margin-top: 10px; } #el_82291539845498 .newsList:nth-child(1) .newsInfo { display:none; } #el_82291539845498 .newsTitle { display: block; font-size: 16px; color: #000000; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #el_82291539845498 .newsDigest { text-align: left; color: #999999; margin-top: 8px; height: 3em; line-height: 1.5em; overflow: hidden; } #el_82291539845498 .newsInfo { text-align: left; margin-top: 8px; color: #999999; } #el_82291539845498 .newsCategory { margin-right: 5px; } #el_82291539845498 .newsDate { margin-left: 0px; } #el_29881539845498{width:100%;} #el_56701539845498 img { max-width: 100%; } #el_56701539845498 a { } #el_56701539845498 i { margin-right: 3px; } #el_56701539845498 .newsRow { overflow: hidden; } #el_56701539845498 .newsList { float: left; width: 66.66%; padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px dashed #dedede; } #el_56701539845498 .newsList .newsImgBox { display: none; } #el_56701539845498 .newsList:nth-child(1) { width: 33.33%; padding-right: 30px; padding-bottom: 0px; border-bottom:0; } #el_56701539845498 .newsList:last-child { border-bottom:0; } #el_56701539845498 .newsList:nth-child(1) .newsImgBox { display: block; } #el_56701539845498 .newsList:nth-child(1) .newsTitle { margin-top: 10px; } #el_56701539845498 .newsList:nth-child(1) .newsInfo { display:none; } #el_56701539845498 .newsTitle { display: block; font-size: 16px; color: #000000; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #el_56701539845498 .newsDigest { text-align: left; color: #999999; margin-top: 8px; height: 3em; line-height: 1.5em; overflow: hidden; } #el_56701539845498 .newsInfo { text-align: left; margin-top: 8px; color: #999999; } #el_56701539845498 .newsCategory { margin-right: 5px; } #el_77181539845498{width:100%;} #el_84381539845498 img { max-width: 100%; } #el_84381539845498 a { } #el_84381539845498 i { margin-right: 3px; } #el_84381539845498 .newsRow { overflow: hidden; } #el_84381539845498 .newsList { float: left; width: 66.66%; padding-bottom: 10px; margin-bottom: 10px; border-bottom:1px dashed #dedede; } #el_84381539845498 .newsList .newsImgBox { display: none; } #el_84381539845498 .newsList:nth-child(1) { width: 33.33%; padding-right: 30px; padding-bottom: 0px; border-bottom:0; } #el_84381539845498 .newsList:last-child { border-bottom:0; } #el_84381539845498 .newsList:nth-child(1) .newsImgBox { display: block; } #el_84381539845498 .newsList:nth-child(1) .newsTitle { margin-top: 10px; } #el_84381539845498 .newsList:nth-child(1) .newsInfo { display:none; } #el_84381539845498 .newsTitle { display: block; font-size: 16px; color: #000000; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #el_84381539845498 .newsDigest { text-align: left; color: #999999; margin-top: 8px; height: 3em; line-height: 1.5em; overflow: hidden; } #el_84381539845498 .newsInfo { text-align: left; margin-top: 8px; color: #999999; } #el_84381539845498 .newsCategory { margin-right: 5px; } #el_30901539845498 .tabbox-tabs { padding: 0; margin: 0; text-align: center; } #el_30901539845498 .tabbox-tab { display: inline-block; } #el_30901539845498 .tabbox-tab.active .tabbox-a { color: #fff; background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 25px 0px rgba(0, 97, 174, 0.3); } #el_30901539845498 .tabbox-a { display: block; padding: 12px 34px; border-radius: 25px; border: 1px solid #cccccc; margin: 0 10px; } #el_30901539845498 .tabbox-a:hover, #el_30901539845498 .tabbox-a:active, #el_30901539845498 .tabbox-a:visited, #el_30901539845498 .tabbox-a:focus { color: #fff; background-image: linear-gradient(to left,#0061ae, #21c870); box-shadow: 0 10px 25px 0px rgba(0, 97, 174, 0.3); } #el_30901539845498 .tabbox-body { margin-top: 30px; } #el_30901539845498 .tabbox-item { display: none; } #el_30901539845498 .tabbox-item.active { display: block; } #el_30901539845498 .fa { font-size: 14px; } #el_30901539845498 { } #el_75741539845511 { position: fixed; z-index: 500; top: 20%; box-shadow: 0px 2px 15px 2px rgba(0,0,0,0.3); left: 50%; margin-left: -650px; text-align: center; } #el_18921539845511{width:100%;} #el_16871539845511 .btnLink { display: block; line-height: 1; width: 3em; padding: 0.5em; color: #fff; background-image: linear-gradient(315deg, #0061ae, #21c870); transform: scale(1.1); text-shadow: 0px 0px 5px #000; } #el_16871539845511 { position: relative; z-index: 1; } #el_16871539845511:after { content: ''; position: absolute; top: 0; left: 0; width:10px; height:10px; background-image: url(../upload/201810101045391-5742.png); background-size:100% 100%; background-repeat:no-repeat; transform:scale(1.6); } #el_16871539845511 .btnLink:hover { } #el_66701539845511 .btnLink { margin:0 auto; display: block; line-height: 1; width: 3em; padding: 0.5em; background-color:#fff; } #el_66701539845511 { border-bottom:1px solid #f6f6f6; } #el_66701539845511 .btnLink:hover { color:#fff; background-image: linear-gradient(315deg, #0061ae, #21c870); } #el_61261539845511 .btnLink { margin:0 auto; display: block; line-height: 1; width: 3em; padding: 0.5em; background-color:#fff; } #el_61261539845511 { border-bottom:1px solid #f6f6f6; } #el_61261539845511 .btnLink:hover { color:#fff; background-image: linear-gradient(315deg, #0061ae, #21c870); } #el_88831539845511 .btnLink { margin:0 auto; display: block; line-height: 1; width: 3em; padding: 0.5em; background-color:#fff; } #el_88831539845511 { border-bottom:1px solid #f6f6f6; } #el_88831539845511 .btnLink:hover { color:#fff; background-image: linear-gradient(315deg, #0061ae, #21c870); } #el_49001539845511 .btnLink { margin:0 auto; display: block; line-height: 1; width: 3em; padding: 0.5em; background-color:#fff; } #el_49001539845511 { border-bottom:1px solid #f6f6f6; } #el_49001539845511 .btnLink:hover { color:#fff; background-image: linear-gradient(315deg, #0061ae, #21c870); } #el_51051539845511 .btnLink { margin:0 auto; display: block; line-height: 1; width: 3em; padding: 0.5em; background-color:#fff; } #el_51051539845511 { border-bottom:1px solid #f6f6f6; } #el_51051539845511 .btnLink:hover { color:#fff; background-image: linear-gradient(315deg, #0061ae, #21c870); } #el_86251539845511 .btnLink { margin:0 auto; display: block; line-height: 1; width: 3em; padding: 0.5em; background-color:#fff; } #el_86251539845511 { border-bottom:1px solid #f6f6f6; } #el_86251539845511 .btnLink:hover { color:#fff; background-image: linear-gradient(315deg, #0061ae, #21c870); } #el_26371539845511 .btnLink { margin:0 auto; display: block; line-height: 1; width: 3em; padding: 0.5em; background-color:#fff; } #el_26371539845511 { border-bottom:1px solid #f6f6f6; } #el_26371539845511 .btnLink:hover { color:#fff; background-image: linear-gradient(315deg, #0061ae, #21c870); } #el_69921539845511 .btnLink { margin:0 auto; display: block; line-height: 1; width: 3em; padding: 0.5em; background-color:#fff; } #el_69921539845511 { border-bottom:1px solid #f6f6f6; } #el_69921539845511 .btnLink:hover { color:#fff; background-image: linear-gradient(315deg, #0061ae, #21c870); } #el_84801539845511 .btnLink { margin:0 auto; display: block; line-height: 1; width: 3em; padding: 0.5em; background-color:#fff; } #el_84801539845511 { } #el_84801539845511 .btnLink:hover { color:#fff; background-image: linear-gradient(315deg, #0061ae, #21c870); } #el_34811539845511 .btnLink { margin:0 auto; position:relative; display: block; line-height: 1; width: 3em; height: 3em; background-color:#bfbfbf; } #el_34811539845511 { } #el_34811539845511 .fa { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:#fff; } #el_34811539845511 .btnLink:hover { color:#fff; background-image: linear-gradient(315deg, #0061ae, #21c870); } #el_16931514778541 { background-color: #555555; } @media screen and (max-width: 767px){ #el_16931514778541 { display: none; } } #el_71441514778541{width:100%;} #el_55621514778546 { padding-bottom: 50px; border-bottom-color: #666666; border-bottom-width: 1px; border-bottom-style: solid; margin-top: 50px; } @media screen and (max-width: 991px){ #el_55621514778546 { margin-top: 30px; padding-bottom: 30px; } } #el_86351514778546{width:100%;} #el_30191541729281{width:50%;} #el_73351517194526 { font-size: 16px; color: #999999; } #el_73351517194526 h4 { font: inherit; } #el_78721541729287{width:50%;} #el_18261541729365 { display: inline-block; float: right; } #el_18261541729365 .btnLink { display: inline-block; color: #999999; -webkit-transition: all .5s; -ms-transition: all .5s; transition-property: all; transition-duration: .5s; font-size: 12px; } #el_18261541729365 .btnLink:hover { color: #fff; } #el_27001514778583 { color: #999; margin-top: 5px; } #el_27001514778583 .linkBox { display: inline-block; } #el_27001514778583 .linkTitle { color: #NANNANNAN; display: block; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; font-size: 12px; margin-right: 5px; } #el_27001514778583 .linkTitle:hover { color: #ffffff; } #el_27001514778583 .pageBox { text-align: center; } #el_27001514778583 .pagination>li>a,#el_27001514778583 .pagination>li>span { background: none; color: #666; } #el_27001514778583 .pagination>.disabled>span,#el_27001514778583 .pagination>.disabled>a { background-color: #f2f2f2; color: #aaa; } #el_27001514778583 .pagination>.active>a,#el_27001514778583 .pagination>.active>span { border-color: #ddd; background-color: #ddd; } #el_27001514778583 .pagination>li:hover>a,#el_27001514778583 .pagination>li:hover>span { background-color: #ddd; } #el_17631539845031 { z-index: 100; position: absolute; top: 0px; left: 0px; width: 100%; padding-top: 20px; padding-bottom: 20px; } @media screen and (max-width: 767px){ #el_17631539845031 { padding-bottom: 10px; padding-top: 15px; display: none; } } #el_85301539845031{width:100%;} #el_69411539845031{width:20%;} @media screen and (max-width: 767px){ #el_69411539845031{width:25%;}} #el_45861539845031 img { max-width: 100%; } #el_45861539845031 { transition-property: all; transition-duration: 1s; } #el_58651539845031{width:79.9986%;} @media screen and (max-width: 767px){ #el_58651539845031{width:75%;}} #el_79411539845031 { padding-top: 5px; } @media screen and (max-width: 991px){ #el_79411539845031 { padding-top: 3px; padding-bottom: 0px; } } #el_75271539845031{width:80%;} #el_35141539845031 { text-align: center; } #el_35141539845031 ul { margin: 0; } #el_35141539845031 .navBox>ul { text-align: right; display: inline-block; } #el_35141539845031 .navBox>ul>li { display: inline-block; vertical-align: middle; } #el_35141539845031 .navBox>ul>li>a { display: block; padding: 5px 10px; font-size: 16px; color: #fff; } #el_35141539845031 .navBox>ul>li>a:hover { color: rgba(255,255,255,0.8); } #el_35141539845031 .navBox>ul>li>ul { display: none; } @media screen and (max-width: 1199px){ #el_35141539845031 .navBox>ul>li>a { padding: 5px 2px; }} @media screen and (max-width: 991px){ #el_35141539845031 { display: none; }} #el_53761539845031{width:19.9914%;} @media screen and (max-width: 991px){ #el_53761539845031{width:100%;}} @media screen and (max-width: 767px){ #el_53761539845031{width:100%;}} #el_77291539845031 { text-align: right; } #el_28231539845031{width:100%;} #el_68441539845031 { position:relative; border-radius:25px; display:inline-block; overflow:hidden; } #el_68441539845031:before,#el_68441539845031:after { content:''; position:absolute; left:50%; width:2px; height:10px; margin-left:-1px; background-color:#d6d6d6; z-index:1; } #el_68441539845031:before { top:7px; } #el_68441539845031:after { bottom:7px; } #el_68441539845031 a { position:relative; display:inline-block; width:70px; color:#333; padding:5px 10px; text-align:center; background-color:#fff; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; } #el_68441539845031 a:hover { background-color:#72bb38; color:#fff; } #el_68441539845031 a:after { position:absolute; content:''; display:none; top:50%; width:2px; height:5px; background-color:#0061ae; } #el_68441539845031 a:nth-child(1):after { right:-1px; margin-top:-5px; } #el_68441539845031 a:nth-child(2):after { left:-1px; margin-top:5px; }